<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <style type="text/css">
        .welcome_h1{
            font-size: 50px;
            position: relative;
            top: 50px;

        }
        .welcome_p1{
            font-size: 30px;
            position: relative;
            top: 80px;
        }
        .welcome_p2{
            margin: 10px;
            font-size: 25px;
            position: relative;
            top: 80px;
        }

        #welcome_div1,#welcome_div2,#welcome_div3,#welcome_div4{
            height: 220px;
            width: 95%;
            border-radius: 10px;
            position: relative;
            left: 25px;
            opacity: 0.9;
        }
        #welcome_img1{
            border-radius: 15px;
            position: relative;
            left: 25px;
        }
        .thumbnail{
            width: 300px;
        }
        .myBook{
            width: 400px;
        }
    </style>

</head>
<body>

<div class="row">
    <div class="col-md-8">
        <img id="welcome_img1" src="${pageContext.request.contextPath}/image/myImage/welcome.jpg" height="430" width="1280">
    </div>
    <div class="col-md-4 text-center">
        <h1 class="welcome_h1">eSHOP网上书城</h1>
        <p class="welcome_p1">起源于2022年3月12日</p>
        <p class="welcome_p1">我们的生活太急促了</p>
        <p class="welcome_p1">需要“缓一缓”</p>
        <p class="welcome_p1">来eSHOP，发现你的好书！</p>
    </div>
</div>
<div id="myDiv" class="row">
    <div class="col-md-3 text-center">
        <div style="background-color: #FC9D99; " id="welcome_div1">
            <h1 class="welcome_h1">专业</h1>
            <p class="welcome_p2">在这里，您可以享受到最好的读书体验！</p>
        </div>
    </div>
    <div class="col-md-3 text-center">
        <div style="background-color: #EB7347; " id="welcome_div2">
            <h1 class="welcome_h1">丰富</h1>
            <p class="welcome_p2">eSHOP收录了全球经典书籍，均为正版图书！</p>
        </div>
    </div>
    <div class="col-md-3 text-center">
        <div style="background-color: #AEDD81; " id="welcome_div3">
            <h1 class="welcome_h1">呵护</h1>
            <p class="welcome_p2">独特的读书平台，呵护您的眼睛！</p>
        </div>
    </div>
    <div class="col-md-3 text-center">
        <div style="background-color: #a6e1ec; " id="welcome_div4">
            <h1 class="welcome_h1">服务</h1>
            <p class="welcome_p2">eSHOP为您的读书，解决所有问题</p>
        </div>
    </div>
</div>


</body>
</html>
